<!DOCTYPE html>
<html>

	<head>
		<title>Measure example</title>
		<meta charset="UTF-8" />
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/ol.css" type="text/css">
		<link rel="stylesheet" type="text/css" href="css/map.css" />
		<link rel="stylesheet" type="text/css" href="css/rotate.css" />
		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/ol-debug.js"></script>
		<script type="text/javascript" src="js/rotate.js"></script>
		<script type="text/javascript" src="js/jquery.transform.js"></script>

	</head>

	<body>
		<div class="container-fluid">
			<!--弹出层-->
			<div id="" style="display: none;">
				<div id="test" class="tag" style="width:110px;height: 20px;position: relative; background-color:#D6E9C6 ;">
				</div>
				<!--选择操作-->
				<div id="operate" class="operate" onclick="drag.removeFeature();">
					<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
				</div>
			</div>
			<!--街省市控件-->
			<div id="holder" class="holder">
				<div id="" class="street"></div>
				<div id="" class="city"></div>
				<div id="" class="province"></div>
				<!--<div id="" class="country"></div>-->
			</div>

			<div class="row-fluid">
				<div class="span12">
					<div id="map" class="map">
						<div class="PathInner" id="PathMenu" style="position: absolute;top: 100px;right: 100px;">

							<div class="PathMain">
								<div class="Tmain" onclick="PathRun();">
									<div class="rotate" data-transform="rotate(0deg)"><span class="cover"></span></div>
								</div>
							</div>

							<div class="PathItem"  id="Range">
								<a class="link" href="javascript:void(0)" title="测距">
									<span class="item" style="background-image:url(img/moment_icn_pic.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>

							<div class="PathItem" id="Measure">
								<a class="link" href="javascript:void(0)" title="侧面积">
									<span class="item" style="background-image:url(img/moment_icn_info.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>

							<div class="PathItem" id="Point1">
								<a class="link" href="javascript:void(0)" title="标注1">
									<span class="item" style="background-image: url(img/moment_icn_address.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>

							<div class="PathItem" id="Point2">
								<a class="link" href="javascript:void(0)" title="标注2">
									<span class="item" style="background-image: url(img/moment_icn_price.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>
							<div class="PathItem" id="LineString1">
								<a class="link" href="javascript:void(0)" title="线1">
									<span class="item" style="background-image: url(img/moment_icn_address.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>
							<div class="PathItem" id="LineString2">
								<a class="link" href="javascript:void(0)" title="线2">
									<span class="item" style="background-image: url(img/moment_icn_address.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>
							<div class="PathItem" id="Polygon1">
								<a class="link" href="javascript:void(0)" title="画面">
									<span class="item" style="background-image: url(img/moment_icn_address.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>
							<div class="PathItem" id="getData">
								<a class="link" href="javascript:void(0)" title="查询">
									<span class="item" style="background-image: url(img/moment_icn_address.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>
							<div class="PathItem" id="dragMap">
								<a class="link" href="javascript:void(0)" title="修改">
									<span class="item" style="background-image: url(img/moment_icn_address.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>
							<!--<div class="PathItem" id="toggleMap">
								<a class="link" href="javascript:void(0)" title="切换地图">
									<span class="item" style="background-image: url(img/moment_icn_address.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>-->
							<!--<div class="PathItem" id="centerIn">
								<a class="link" href="javascript:void(0)" title="中心放大">
									<span class="item" style="background-image: url(img/moment_icn_address.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>
							<div class="PathItem" id="centerOut">
								<a class="link" href="javascript:void(0)" title="中心缩小">
									<span class="item" style="background-image: url(img/moment_icn_address.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>-->
							<div class="PathItem" id="beforeStep">
								<a class="link" href="javascript:void(0)" title="前一屏">
									<span class="item" style="background-image: url(img/moment_icn_address.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>
							<div class="PathItem" id="afterStep">
								<a class="link" href="javascript:void(0)" title="后一屏">
									<span class="item" style="background-image: url(img/moment_icn_address.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>
							<!--<div class="PathItem" id="search">
								<a class="link" href="javascript:void(0)" title="拉框查询">
									<span class="item" style="background-image: url(img/moment_icn_address.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>-->
							<div class="PathItem" id="zoomInOut">
								<a class="link" href="javascript:void(0)" title="拉框放大缩小">
									<span class="item" style="background-image: url(img/moment_icn_address.png); -moz-transform: rotate(0deg);" data-transform="rotate(0deg)"></span>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
		<script src="js/map.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/util.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/event.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>